Total Blocking Time(TBT)
ページが完全に操作可能になるまでの時間
Main Thread上で実行され、50ms以上かかるtaskのことをlong taskと呼ぶ
個々のlong taskの中に、いくらかのblockしている時間がある
e.g. 100msのlong taskの内、60msがblockしている時間
TBTは、
First Contentful Paint(FCP)から、TTIまでの間の
long taskの中のblockしている時間の、合計
50ms以下のtask内のblockしている時間は加算されない
この辺を読むとわかりやすい
スコア
小さければ小さいほどよい
200ms以下だとgood
200~600は中程度
600ms以上でbad
測定する
https://web.dev/tbt/#tbt-2
改善する
https://web.dev/tbt/#tbt-4
https://web.dev/lighthouse-total-blocking-time/#tbt-2
参考
Total Blocking Time (TBT)
Total Blocking Time (合計ブロック時間)